<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{margin:0;padding:0}
        ul{
            list-style:none;
        }
        ul li{
            float:left;
        }
        li a{
            height:20px;
            padding:0 10px;
            text-decoration:none;
            display:inline-block;
        }
        li a:hover{
            color:red;
            text-decoration:underline;
            background-color: #96C649;
        }
    </style>
</head>
<body>
   <ul>
       <li><a href="#">百度</a></li>
       <li><a href="#">百度</a></li>
       <li><a href="#">百度</a></li>
       <li><a href="#">百度</a></li>
       <li><a href="#">百度</a></li>
   </ul>
</body>
</html>